<!doctype html>
<html lang="zh-CN">

<head>
  <!-- 必须的 meta 标签 -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap 的 CSS 文件 -->
  <link href="./css/bootstrap.min.css" rel="stylesheet">
  <link rel="shortcut icon" href="./images/icon.png">


  <title>公司项目</title>
</head>

<body>

  <div class="container">


    <nav class="navbar navbar-expand-lg navbar-light bg-light" style="margin-bottom: 20px;">
      <div class="container-fluid">
        <!-- <a class="navbar-brand" href="#">Navbar</a> -->

        <a class="navbar-brand" href="#">
          <!-- <img src="https://v5.bootcss.com/docs/5.1/assets/brand/bootstrap-logo.svg" alt="" width="30" height="24" class="d-inline-block align-text-top"> -->
          <img src="./images/icon.png" alt="" width="30px" height="24px">
          BAISHI
        </a>


        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>


        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#">PRODUCT</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./contact.html">CONTACT</a>
            </li>

            <li class="nav-item">
              <a class="nav-link disabled">SHIP</a>
            </li>
          </ul>

        </div>

      </div>
    </nav>



    <!-- 内容 -->

    <div class="row g-5">
      <div class="col-md-5 col-lg-4 order-md-last">
        <h4 class="d-flex justify-content-between align-items-center mb-3">
          <span class="text-primary">进行中的任务</span>
          <span class="badge bg-primary rounded-pill">8</span>
        </h4>
        <ul class="list-group mb-3">
          <li class="list-group-item d-flex justify-content-between lh-sm">
            <div>
              <h6 class="my-0">生 产</h6>
              <small class="text-muted">正在进行生产的产品</small>
            </div>
            <span class="text-muted">5</span>
          </li>
          <li class="list-group-item d-flex justify-content-between lh-sm">
            <div>
              <h6 class="my-0">采 购</h6>
              <small class="text-muted">完成公司日常采购任务</small>
            </div>
            <span class="text-muted">2</span>
          </li>
          
          <li class="list-group-item d-flex justify-content-between lh-sm">
            <div>
              <h6 class="my-0">科技服务</h6>
              <small class="text-muted">科技直通车、职业经理人等</small>
            </div>
            <span class="text-muted">0</span>
          </li>
          <li class="list-group-item d-flex justify-content-between  bg-light">
            <div class="text-success">
              <h6 class="my-0">研 发</h6>
              <small class="text-muted">公司研发部门</small>
            </div>
            <span class="text-success">1</span>
          </li>
          
          

        </ul>

        <!-- <form class="card p-2">
          <div class="input-group">
            <input type="text" class="form-control" placeholder="Promo code">
            <button type="submit" class="btn btn-secondary">Redeem</button>
          </div>
        </form> -->
      </div>
      <div class="col-md-7 col-lg-8">
        <h4 class="mb-3">研 发</h4>

        <table class="table table-hover" onclick="TaskDetail()">
          <thead>
            <tr>
              <th scope="col">#</th>
              <th scope="col">项目</th>
              <th scope="col">项目代码</th>
              <th scope="col">负责人</th>
              <th scope="col">分项总数</th>
              <th scope="col">分项已完成</th>
              <th scope="col">正在进行中的分项</th>
              <th scope="col">完结时间</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th scope="row">1</th>
              <td>油冷柜</td>
              <td>20220715003</td>
              <td>洪帅</td>
              <td>7</td>
              <td>3</td>
              <td>确定冷却油</td>
              <td></td>
            </tr>
            <tr>
              <th scope="row">2</th>
              <td>Jacob</td>
              <td>20220702002</td>
              <td>Thornton</td>
              <td>@fat</td>
              <td>@fat</td>
              <td>@fat</td>
              <td>2022-09-02</td>
            </tr>
            <tr>
              <th scope="row">3</th>
              <td>Larry the Bird</td>
              <td>20220701001</td>
              <td>@twitter</td>
              <td>@twitter</td>
              <td>@twitter</td>
              <td>@twitter</td>
              <td>2022-09-02</td>
            </tr>
          
          </tbody>
        </table>

        <nav aria-label="Page navigation example">
          <ul class="pagination">
            <li class="page-item">
              <a class="page-link" href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
              </a>
            </li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item">
              <a class="page-link" href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
              </a>
            </li>
          </ul>
        </nav>
  
      </div>
    </div>



    



    <!-- 内容 end -->

    <div style="margin-top: 60px;">
      <hr />
    </div>


    <!-- FOOTER -->
    <footer style="margin-top: 60px; margin-bottom: 30px;">


      <div class="row">

        <div class="col-sm-12 col-md-6">


          <P class="lead">CONTACT</P>
          <P>PHONE：(+86) 010-6957 6951</P>
          <P>EMAIL：cxb@bai-shi.com</P>



        </div>

        <!-- <div class="col-sm-12 col-md-6">

          <P class="lead">CONTACT</P>
          <P>PHONE：(+86) 010-6957 6951</P>
          <P>EMAIL：cxb@bai-shi.com</P>


        </div> -->

      </div>

      <p>&copy; 2022 BaiShiZhiHui Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
    </footer>






  </div><!-- /.container -->



  <!-- JavaScript 文件是可选的。从以下两种建议中选择一个即可！ -->

  <!-- 选项 1：包含 Popper 的 Bootstrap 集成包 -->
  <script src="./js/bootstrap.bundle.min.js"></script>
  <script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script>

  <script>

    function TaskDetail(){
      window.location = './task_detail.html'
    }

  </script>


</body>

</html>